<template>
  <div>
    <van-nav-bar
      title="订单详情"
      left-text="返回"
      left-arrow
      @click-left="$router.go(-1)"
    />
    
    <van-steps :active="active">
      <van-step>买家下单</van-step>
      <van-step>商家接单</van-step>
      <van-step>买家提货</van-step>
      <van-step>交易完成</van-step>
    </van-steps>
    <van-steps direction="vertical" :active="0">
      <van-step>
        <h3>【重庆】快递员张三正在检验中，已消毒</h3>
        <p>2016-07-12 12:40</p>
      </van-step>
      <van-step>
        <h3>【上海】中转到静安区</h3>
        <p>2022-01-13 10:00</p>
      </van-step>
      <van-step>
        <h3>快件正在运输</h3>
        <p>2022-01-13 09:30</p>
      </van-step>
      <van-step>
        <h3>快件揽收</h3>
        <p>2022-01-11 09:30</p>
      </van-step>
      <van-step>
        <h3>商家已发货</h3>
        <p>2022-01-10 09:30</p>
      </van-step>
    </van-steps>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 1,
    };
  },
};
</script>

<style>
</style>